﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<title>Example page</title>
</HEAD>
<BODY>
<style>
.jsPassGenWrapper {
	width:300px;
	height:180px;
	padding:10px;
	border:1px solid #aaa;
}
.jsPassGenWrapper #jsPassGenForm {
	float:left;
	width:50%;
	font-size:16px;
	font-family:Courier, serif;
}
.jsPassGenWrapper .jsPassGenCtrls {
	float:right;
	width:50%;
	margin-top:100px;
}
.jsPassGenWrapper input {
	padding:0px 10px;
}
</style>
<div class="jsPassGenWrapper">
	<div id="jsPassGenForm"></div>
	<div class="jsPassGenCtrls">
		<input type="checkbox" id="jsPassGenUseNumsCB" checked="checked" />
		<label for="jsPassGenUseNumsCB">Use numbers</label><br />
		<input type="button" value="Create password" onClick="runPassGen()" />
	</div>
</div>

<script src="jspassgen.js"></script>
<script type="text/javascript">
function runPassGen() {
	jsPassGen('jsPassGenForm', 3, 10, document.getElementById('jsPassGenUseNumsCB').checked);
}
runPassGen();
</script>

</BODY>
</HTML>
